<template>
  <div
    @click.self="clickClose"
    v-show="showComplaint"
    class="c-pf c-p-t0 c-pz10000 c-maxw640 c-w100 c-h c-flex-row c-aligni-end c-translucent-balck50"
  >
    <transition name="fade-translate-y">
      <div
        @click="clickComplaint"
        v-if="showComplaint"
        class="c-w100 c-hh100 c-bg-white c-fs24 c-flex-row c-flex-center"
      >举报</div>
    </transition>
  </div>

</template>

<script>
import { mapState } from "vuex";
export default {
  name: 'complaint',
  data() {
    return {
      imgurl: '',
    }
  },
  computed: {
    ...mapState({
      showComplaint: state => state.oem_store.showComplaint,
    })
  },
  beforeCreate() {

  },
  created() {
  },
  mounted() {
  },
  methods: {
    clickComplaint() {
      this.clickClose();
      this.$routerGo(this, "push", {
        path: "/homePage/report/reportIndex",
        query: {}
      })
    },
    clickClose() {
      this.$store.commit('updateShowComplaint', false);
    },
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
